<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
        <!-- 测试360浏览器 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>高校</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/myCss.css">
    <link rel="stylesheet" type="text/css" href="../css/personalcenter.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
    <!-- [if IE 7]>
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-ie7.min.css">
    <!-- [endis]-->
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/jquery.fly.min.js"></script>
    <script src="../js/myJs.js"></script>
    <script>/*晒单分享的上下滚动js*/
        var interval=3000;//两次滚动之间的时间间隔
        var stepsize=127;//滚动一次的长度，必须是行高的倍数,这样滚动的时候才不会断行
        var scrollspeed="normal";//可选("slow", "normal", or "fast")，或者滚动动画时长的毫秒数
        var objInterval=null;

        $(function(){
        //用上部的内容填充下部
        $("#bottom").html($("#top").html());

        //给显示的区域绑定鼠标事件
        $("#content").bind("mouseover",function(){StopScroll();});
        $("#content").bind("mouseout",function(){StartScroll();});

        //启动定时器
        StartScroll();
        });

        //启动定时器，开始滚动
        function StartScroll(){
        objInterval=setInterval("verticalloop()",interval);
        }

        //清除定时器，停止滚动
        function StopScroll(){
        window.clearInterval(objInterval);
        }

        //控制滚动
        function verticalloop(){
        //判断是否上部内容全部移出显示区域
        //如果是，从新开始;否则，继续向上移动
        if($("#content").scrollTop()>=$("#top").outerHeight()){
        $("#content").scrollTop($("#content").scrollTop()-$("#top").outerHeight());
        }
        // //使用jquery创建滚动时的动画效果
        $("#content").animate({"scrollTop" : $("#content").scrollTop()+stepsize +"px"},scrollspeed);
        }
    </script>
</head>
<body data-spy="scroll" data-target="#sidebar" data-offset="20">

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->

<!--nav start-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <ul class="nav navbar-nav">
        <li><a href="../personalcenter/">Miko Tong </a></li>
        <li><a href="../signup1.html">免费注册</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li><a href="../">主页</a></li>
        <li class="dropdown">
            <a href="../personalcenter/orders.html" class="dropdown-toggle" id="mydrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">我的一起购<i class="icon-sort-down" style="padding-left: 5px;vertical-align: text-top;"></i></a>
            <ul class="dropdown-menu" aria-labelledby="mydrop" style="background-color: #FFF;text-align: center;min-width: 108px;">
                <li><a style="padding: 0" href="../personalcenter/">个人中心</a></li>
                <li><a style="padding: 0" href="../personalcenter/bingo.html">我的拼购</a></li>
                <li><a style="padding: 0" href="../personalcenter/orders.html">我的订单</a></li>
                <li><a style="padding: 0" href="#">我的分享</a></li>
                <li><a style="padding: 0" href="#">绑定账号</a></li>
                <li><a style="padding: 0" href="../personalcenter/updatepassword.html">修改密码</a></li>
                <li><a style="padding: 0" href="../personalcenter/userinfo.html">修改资料</a></li>
            </ul>
        </li>
        <li><a href="../shopping/cart(bingo).html">购物车<i id="end"></i><span class="badge aqua" id="cart"></span></a></li>
        <li><a href="../personalcenter/collect.html">收藏夹<span class="badge aqua"></span></a></li>
        <li><a href="#">客户服务<span class="badge aqua"></span></a></li>
        <li><p class="navbar-text time"></p></li>
    </ul>
</nav>
<!--nav end-->
<!--container start-->
<div class="container">
    <div class="row">
        <div class="col-sm-2 col-lg-2 text-center">
            <a href="../" style="color: #f4a624;"><img src="../imgs/logo.png" style="height:58px;width:auto;">
                <p>eachgo.cn</p></a>
        </div><!--logo-->
        <div class="col-sm-1 col-lg-1 text-center" style="padding-top: 34px;padding-left:0;color: #f4a624">××大学</div>
        <div class="col-sm-1 col-lg-1"></div>
        <div class="col-sm-1 col-lg-1"></div>
        <div class="col-sm-7 col-lg-7" role="form">
            <form name="search" action="#" method="post" role="search">
                <div class="input-group" style="padding-top: 15px;">
                    <label class="sr-only"></label><!--form表单中，label标签必不可少-->
                    <input type="text" maxlength="255" autocomplete="off" class="form-control" placeholder="搜索宝贝">
                    <span class="input-group-btn"><button type="submit" class="my-btn-default-text btn btn-default  my-btn-default-bgcolor">&nbsp;<i class='icon-search h4'></i>&nbsp;</button></span>
                </div>
            </form>
        </div><!--搜索框表单-->
    </div><!--/.row search-->
    <div class="row"><!--导航条-->
        <div class="col-sm-12 col-lg-12">
            <div class="btn-group" style="width:100%; background-color: rgb(244,166,36); ">
                <button type="button" class="default-button-aid btn">全部拼购商品分类</button>
                <button type="button" class="btn default-button-main">一起购物</button>
                <button type="button" class="btn default-button-main">晒单分享</button>
                <button type="button" class="btn default-button-main">高校公益</button>
                <a href="../agency" type="button" class="btn default-button-main">校园代理</a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="my-cols-right col-sm-3 col-lg-3">
            <table class="table table-bordered text-center" style="border:1px solid #CCC;">
                <thead></thead>
                <tbody>
                <tr>
                    <td style="width: 50%"><a href="#"><img src="imgs/digit.png" width="50" height="50"><br>电子精品</a></td>
                    <td style="width: 50%"><a href="#"><img src="imgs/originality.png" width="50" height="50"><br>创意商品</a></td>
                </tr>
                <tr>
                    <td><a href="#"><img src="imgs/food.png" width="50" height="50"><br>美食天堂</a></td>
                    <td><a href="#"><img src="imgs/life.png" width="50" height="50"><br>生活精品</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="my-cols-right my-cols-left col-sm-7 col-lg-7">
            <div class="carousel slide" id="adpicture" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#adpicture" data-slide-to="0" class="active"></li>
                    <li data-target="#adpicture" data-slide-to="1"></li>
                </ol><!--/.indicators-->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <a href="#"><img src="imgs/advertiment1.jpg" alt="..."></a>
                    </div>
                    <div class="item">
                        <a href="#"><img src="imgs/advertiment2.jpg" alt="..."></a>
                    </div>
                </div><!--/.carousel-inner-->
            </div>
        </div>
        <div class="my-cols-left col-sm-2 col-lg-2">
            <div style="border: 1px solid #CCC;width: 100%;">
                <a href="#" class="text-center" style="color: #f4a624;text-decoration: underline;"><h4>邀请注册有礼&gt;&gt;</h4></a>
                <div class="btn-group btn-group-justified">
                    <span class="btn choosed" id="notice" style="border: 1px solid #CCC;border-radius: 0;">公告</span>
                    <span class="btn" id="news" style="border: 1px solid #CCC;border-radius: 0;">新闻</span>
                    <span class="btn" id="campaign" style="border: 1px solid #CCC;border-radius: 0;">活动</span>
                </div>
                <div id="ntc" style="width: 100%;height: 100px;">
                    <a href="#" style="font-size: 12px;">[公告]春季资助报名开始&nbsp;&nbsp;&nbsp;&nbsp;05/12</a>
                    <a href="#" style="font-size: 12px;">[公告]2014资助金额已上卡05/05</a>
                    <a href="#" style="font-size: 12px;">[公告]秋季资助报名开始&nbsp;&nbsp;&nbsp;&nbsp;04/19</a>
                    <a href="#" style="font-size: 12px;">[公告]eachgo 2.0已上线&nbsp;&nbsp;&nbsp;03/10</a>
                </div>
                <div id="ns" style="width: 100%;height: 100px;display: none;">
                    <a href="#" style="font-size: 12px;">[新闻]20所大学入驻本站&nbsp;&nbsp;&nbsp;&nbsp;05/03</a>
                </div>
                <div id="cpg" style="width: 100%;height: 100px;display: none;">
                    <a href="#" style="font-size: 12px;">[活动]邀请注册有礼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;06/23</a>
                    <a href="#" style="font-size: 12px;">[活动]数码优惠特卖季&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;05/20</a>
                    <a href="#" style="font-size: 12px;">[活动]冰凉一夏,美食特价&nbsp;&nbsp;&nbsp;04/23</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="my-cols-right col-sm-5 col-lg-5">
            <h3 style="color: #eb5d22;">校园晒单</h3>
            <div id="content" style="width: auto;height: 255px;overflow: hidden;">
                <div id="top">
                    <table class="table" style="margin: 0;">
                        <thead></thead>
                        <tbody>
                        <tr style="border: 1px solid #CCC;">
                            <td>
                                <a href="#" style="font-size: 12px;"><img src="../imgs/personalcenter/head/6.jpg" class="img-circle" height="80" width="80"><br>我名字叫伊莲</a>
                            </td>
                            <td>
                                <span><img src="../imgs/bingo/goods-img_0002.png" height="80" width="80"></span>
                                <span><img src="../imgs/bingo/goods-img_0001.png" height="80" width="80"></span>
                                <p style="font-size: 14px;">啦啦啦啦啦，看我的新手机，太爱</p>
                            </td>
                            <td>
                                <p style="font-size: 12px;">2015-04-01 15:01:23</p>
                            </td>
                        </tr>
                        <tr style="border: 1px solid #CCC;">
                            <td>
                                <a href="#" style="font-size: 12px;"><img src="../imgs/personalcenter/head/1.jpg" class="img-circle" height="80" width="80"><br>指间溜的青春</a>
                            </td>
                            <td>
                                <span><img src="../imgs/bingo/share/watch.jpg" height="80" width="80"></span>
                                <p style="font-size: 14px;">我的，谢谢一起购，我真的很开心</p>
                            </td>
                            <td>
                                <p style="font-size: 12px">2015-05-23 18:01:43</p>
                            </td>
                        </tr>
                        <tr style="border-top: 1px solid #CCC;border-right: 1px solid #CCC;border-left: 1px solid #CCC;">
                            <td>
                                <a href="#" style="font-size: 12px;"><img src="../imgs/personalcenter/head/3.jpg" class="img-circle" height="80" width="80"><br>我指甲有点长</a>
                            </td>
                            <td>
                                <span><img src="../imgs/bingo/share/d.jpg" height="80" width="80"></span>
                                <p style="font-size: 14px;">一个大白，第一次参与，真的赞～</p>
                            </td>
                            <td>
                                <p style="font-size: 12px">2015-06-22 14:45:20</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div id="bottom"></div>
            </div>
        </div>
        <div class="my-cols-left col-sm-offset-2 col-lg-offset-2 col-sm-5 col-lg-5">
            <h3 style="color: RGB(52,146,40);">公益动态</h3>
            <table class="table" style="border: 1px solid #CCC;">
                <tr>
                    <td><img src="./imgs/info_school.jpg" width="100%" height="154"></td>
                </tr>
                <tr>
                    <td>
                        <div>本学年共资助<span style="color: #f4a624;">20</span>人，我们会根据您所提交的材料进行筛选，按照贫困程度进行排序，排名前20的同学将会获得资助。</div>
                        <div class="pull-right"><a href="#" style="color: #f4a624;">&gt;&gt;去报名</a></div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <img src="../imgs/hr.png" style="padding-top: 33px;width: 100%;">
    <div class="row">
        <div class="col-sm-6 col-lg-6" style="padding-left:30px">
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="btn my-btn-default-text btn-default disabled" style="opacity: 1">最近揭晓</div>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="carousel slide" id="leftPicture" data-ride="carousel" style="border: 1px solid #f4a624;">
                        <ol class="carousel-indicators">
                            <li data-target="#leftpicture" data-slide-to="0" class="active"></li>
                            <li data-target="#leftpicture" data-slide-to="1"></li>
                            <li data-target="#leftpicture" data-slide-to="2"></li>
                            <li data-target="#leftpicture" data-slide-to="3"></li>
                        </ol><!--/.indicators-->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <a href="#"><img src="../imgs/index/carousel/L-1.png" alt="..."></a>
                            </div>
                            <div class="item">
                                <a href="#"><img src="../imgs/index/carousel/L-2.png" alt="..."></a>
                            </div>
                            <div class="item">
                                <a href="#"><img src="../imgs/index/carousel/L-3.png" alt="..."></a>
                            </div>
                            <div class="item">
                                <a href="#"><img src="../imgs/index/carousel/L-4.png" alt="..."></a>
                            </div>
                        </div><!--/.carousel-inner-->
                        <a href="#leftPicture" class="left myl-cars-ctol carousel-control" data-slide="prev">
                            <i class="icon-chevron-left h1" style="position: absolute;top: 45%;right: 50%;display: none;"></i>
                            <span class="sr-only">prev</span>
                        </a>
                        <a href="#leftPicture" class="right myl-cars-ctol carousel-control" data-slide="next">
                            <i class="icon-chevron-right h1" style="position: absolute;top: 45%;left: 50%;display: none;"></i>
                            <span class="sr-only">next</span>
                        </a>
                    </div><!--/.carousel-->
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-lg-6">
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="btn my-btn-default-text btn-default disabled" style="opacity: 1">等待揭晓</div>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="carousel slide" id="rightPicture" data-ride="carousel" style="border: 1px solid #f4a624;margin-right: 20px;">
                        <ol class="carousel-indicators">
                            <li data-target="#rightPicture" data-slide-to="0" class="active"></li>
                            <li data-target="#rightPicture" data-slide-to="1"></li>
                            <li data-target="#rightPicture" data-slide-to="2"></li>
                            <li data-target="#rightPicture" data-slide-to="3"></li>
                        </ol><!--/.indicators-->
                        <div class="carousel-inner" role="listbox">
                            <div class="time-item">
                                <strong id="hour_show">0时</strong>
                                <strong id="minute_show">0分</strong>
                                <strong id="second_show">0秒</strong>
                                <strong id="millisecond_show">0毫秒</strong>
                            </div>
                            <div class="item active">
                                <a href="#"><img src="../imgs/index/carousel/R-1.png" alt="..."></a>
                            </div>
                            <div class="item">
                                <a href="#"><img src="../imgs/index/carousel/R-2.png" alt="..."></a>
                            </div>
                            <div class="item">
                                <a href="#"><img src="../imgs/index/carousel/R-3.png" alt="..."></a>
                            </div>
                            <div class="item">
                                <a href="#"><img src="../imgs/index/carousel/R-4.png" alt="..."></a>
                            </div>
                        </div><!--/.carousel-inner-->
                        <a href="#rightPicture" class="left myl-cars-ctol carousel-control" data-slide="prev">
                            <i class="icon-chevron-left h1" style="position: absolute;top: 45%;right: 50%;display: none;"></i>
                            <span class="sr-only">prev</span>
                        </a>
                        <a href="#rightPicture" class="right myl-cars-ctol carousel-control" data-slide="next">
                            <i class="icon-chevron-right h1" style="position: absolute;top: 45%;left: 50%;display: none;"></i>
                            <span class="sr-only">next</span>
                        </a>
                    </div><!--/.carousel-->
                </div>
            </div>
        </div>
    </div><!--正在揭晓&即将揭晓-->
    <br>
    <div class="row">
        <div class="col-sm-12 col-lg-12 text-center">
            <span style="padding:8px 15px;margin:0 12px;">定时揭晓</span>
            <span style="padding:8px 15px;margin:0 12px;">公平公正</span>
            <span style="padding:8px 15px;margin:0 12px;">等价返券</span>
            <span style="padding:8px 15px;margin:0 12px;">正品保障</span>
        </div>
    </div><!--标语-->

    <div class="row">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <div style="margin: 20px 0;">
                    <h3>电子精品</h3>
                </div>
                <a href="#"><span style="margin:0 45px 0 0">一元区</span></a>
                <a href="#"><span style="margin:0 45px">两元区</span></a>
                <a href="#"><span style="margin:0 45px">五元区</span></a>
                <a href="#"><span style="margin:0 45px">十元区</span></a>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第17期)咔哟FOX便携式蓝牙音箱" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/数码影音/3-1.png" alt="">
                        <span><nobr>(第17期)咔哟FOX便携式蓝牙音箱</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">180</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 12%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">45</a>
                <a class="pull-right">135</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第20期)佳能PowerShot N2 数码自拍相机" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/数码影音/3-2.png" alt="">
                        <span><nobr>(第20期)佳能PowerShot N2 数码自拍相机</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">3200</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 25%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">800</a>
                <a class="pull-right">2400</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div class="school-mark"><img src="../imgs/school/school_mark.png" width="100" height="112"> </div>
                <div title="（第11期）宾得K-50 DA L F3.5-5.6AL WR 防水单反套机" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/数码影音/3-3.png" alt="">
                        <span><nobr>（第11期）宾得K-50 DA L F3.5-5.6AL WR 防水单反套机</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">5500</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 44%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">2420</a>
                <a class="pull-right">3080</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div class="school-mark"><img src="../imgs/school/school_mark.png" width="100" height="112"> </div>
                <div title="（第19期）纽曼D07AHD 7英寸 数码相框" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/数码影音/3-4.png" alt="">
                        <span><nobr>（第19期）纽曼D07AHD 7英寸 数码相框</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">89</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 56%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">67</a>
                <a class="pull-right">22</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <a href="#" class="pull-right my-more">more&gt;&gt;</a>
        </div>
    </div><!--电子精品-->

    <div class="row">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <div style="margin: 20px 0;">
                    <h3>创意商品</h3>
                </div>
                <a href="#"><span style="margin:0 45px 0 0">一元区</span></a>
                <a href="#"><span style="margin:0 45px">两元区</span></a>
                <a href="#"><span style="margin:0 45px">五元区</span></a>
                <a href="#"><span style="margin:0 45px">十元区</span></a>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div class="school-mark"><img src="../imgs/school/school_mark.png" width="100" height="112"> </div>
                <div title="(第9期) Apple Watch Sport 铝金属表壳手表" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/创意新品/6-1.png" alt="">
                        <span><nobr>(第9期) Apple Watch Sport 铝金属表壳手表</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">599</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 57%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">319</a>
                <a class="pull-right">280</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第13期)路客尼龙绳扣收纳袋三件套" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/创意新品/6-2.png" alt="">
                        <span><nobr>(第13期)路客尼龙绳扣收纳袋三件套</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">33</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 35%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">10</a>
                <a class="pull-right">23</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div class="school-mark"><img src="../imgs/school/school_mark.png" width="100" height="112"> </div>
                <div title="(第53期) a-life最生活木质LED夜钟" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/创意新品/6-3.png" alt="">
                        <span><nobr>(第53期) a-life最生活木质LED夜钟</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">66</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">47</a>
                <a class="pull-right">19</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div class="school-mark"><img src="../imgs/school/school_mark.png" width="100" height="112"> </div>
                <div title="(第67期) 麦开智能水杯" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/创意新品/6-4.png" alt="">
                        <span><nobr>(第67期) 麦开智能水杯</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">105</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 88%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">88</a>
                <a class="pull-right">17</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <a href="#" class="pull-right my-more">more&gt;&gt;</a>
        </div>
    </div><!--创意商品-->

    <div class="row">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <div style="margin: 20px 0;">
                    <h3>美食天堂</h3>
                </div>
                <a href="#"><span style="margin:0 45px 0 0">一元区</span></a>
                <a href="#"><span style="margin:0 45px">两元区</span></a>
                <a href="#"><span style="margin:0 45px">五元区</span></a>
                <a href="#"><span style="margin:0 45px">十元区</span></a>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第32期)菲律宾进口7D芒果干100g" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/美食天地/5-1.png" alt="">
                        <span><nobr>(第32期)菲律宾进口7D芒果干100g</nobr></span></a>
                </div>
                <p>所需总人数<span style="color: RGB(126,122,122);">&nbsp;399</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 77%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">276</a>
                <a class="pull-right">123</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div class="school-mark"><img src="../imgs/school/school_mark.png" width="100" height="112"> </div>
                <div title="(第36期)德芙DOVE丝滑巧克力礼盒" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/美食天地/5-2.png" alt="">
                        <span><nobr>(第36期)德芙DOVE丝滑巧克力礼盒</nobr></span></a>
                </div>
                <p>所需总人数<span style="color: RGB(126,122,122);">&nbsp;53</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 93%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <span class="pull-left">50</span>
                <span class="pull-right">3</span><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div class="school-mark"><img src="../imgs/school/school_mark.png" width="100" height="112"> </div>
                <div title="(第26期)江中猴姑酥性饼干960g" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/美食天地/5-3.png" alt="">
                        <span><nobr>(第26期)江中猴姑酥性饼干960g</nobr></span></a>
                </div>
                <p>所需总人数<span style="color: RGB(126,122,122);">&nbsp;1234</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 83%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">234</a>
                <a class="pull-right">323</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第35期)内蒙古特产科尔沁风干牛肉干400g" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/美食天地/5-4.png" alt="">
                        <span><nobr>(第35期)内蒙古特产科尔沁风干牛肉干400g</nobr></span></a>
                </div>
                <p>所需总人数<span style="color: RGB(126,122,122);">&nbsp;299</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 13%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">26</a>
                <a class="pull-right">273</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <a href="#" class="pull-right my-more">more&gt;&gt;</a>
        </div>
    </div><!--美食天堂-->

    <div class="row">
        <div class="row">
            <div class="col-sm-12 col-lg-12">
                <div style="margin: 20px 0;">
                    <h3>生活精品</h3>
                </div>
                <a href="#"><span style="margin:0 45px 0 0">一元区</span></a>
                <a href="#"><span style="margin:0 45px">两元区</span></a>
                <a href="#"><span style="margin:0 45px">五元区</span></a>
                <a href="#"><span style="margin:0 45px">十元区</span></a>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第44期)艳遇中国长柄雨伞" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/生活佳品/7-1.png" alt="">
                        <span><nobr>(第44期)艳遇中国长柄雨伞</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">88</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 77%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">56</a>
                <a class="pull-right">32</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div class="school-mark"><img src="../imgs/school/school_mark.png" width="100" height="112"> </div>
                <div title="(第47期)迪塔男士个性时尚石英表" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/生活佳品/7-2.png" alt="">
                        <span><nobr>(第47期)迪塔男士个性时尚石英表</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">599</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 76%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">431</a>
                <a class="pull-right">168</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="(第45期)景德镇陶瓷精品花瓶" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/生活佳品/7-3.png" alt="">
                        <span><nobr>(第45期)景德镇陶瓷精品花瓶</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">286</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 33%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">94</a>
                <a class="pull-right">192</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <div class="col-sm-3 col-lg-3 goods-div-set">
                <div title="（第33期）传统纸伞手工台灯" style="overflow: hidden;text-overflow: ellipsis;">
                    <a href="#"><img class="goods-img" src="../imgs/index/生活佳品/7-4.png" alt="">
                        <span><nobr>（第33期）传统纸伞手工台灯</nobr></span></a>
                </div>
                <p>所需总人数&nbsp;<span style="color: RGB(126,122,122)">130</span></p>
                <div class="my-progress-bar progress"><!--进度条-->
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 55%">
                        <span class="sr-only"></span>
                    </div>
                </div>
                <a class="pull-left">71</a>
                <a class="pull-right">59</a><br>
                <span>已参与人次</span>
                <span class="pull-right">剩余人次</span><br>
                <div class="btn button-set">立即参与</div>
                <div class="btn my-btn-default-aidbgcolor button-set pull-right addcar">放入购物车</div>
            </div>
            <a href="#" class="pull-right my-more">more&gt;&gt;</a>
        </div>
    </div><!--生活精品-->
</div>
<!--container end-->
<div style="background-image: url(../imgs/green.jpg);background-repeat: no-repeat;height: 380px;">
    <div class="pull-right" style="margin-top: 310px;margin-right: 100px;">
        <a class="btn button-set" href="#" style="font-size: 30px;margin: 10px;">详情</a>
        <a class="btn button-set" href="#" style="font-size: 30px;margin: 10px;">申请资助</a>
    </div>
    <div class="pull-right text-center" style="display: inline;background-color: #B2E681;opacity: 0.75;margin-right: 100px;margin-top:15px;width: auto;height: 350px;border-radius: 5px;">
        <br><br><br>
        <h2>用于本校的公益捐助基金:<span style="color: #eb5d22;">￥234234</span></h2><br><br>
        <h2>已有<span style="color: #eb5d22;">18</span>位同学接受eachgo的资助</h2>
    </div>
</div>
<!-- todo:返回顶部图片路径 -->
<img id="back-top" src="imgs/top2.png" width="45" height="50">

<!--footer start-->
<div class="text-center" style="margin-top: 50px;color: #949494;" id="footer">
    <a href="#" style="color: #949494;"><span>首页</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>关于一起购物</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>隐私声明</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>加入我们</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>联系我们</span></a>
    <p style="margin-bottom: 0">CopyRight&copy;2014-2015,版权所有eachgo.cn</p>
</div>
<!--footer end-->
</body>
</html>